.login-forget{
    background: url(../img/login-bg.jpg) no-repeat center center/cover;
    padding: 150px 0;
    position: relative;
    .login-box,.forget-box{
        width: 500px;
        padding: 20px;
        box-shadow: 0 0 2px 4px rgba(0,0,0,.02);
        background-color: #FFF;
        margin: 0 auto;
        .login-button{
            display: block;
            width: 100%;
            background-color: #25acc1;
            color: #FFF;
            height: 46px;
            &:hover{
                outline: none;
            }
        }
        h2{
            text-align: center;
            font-weight: 300;
            letter-spacing: 2px;
            margin: 20px 0;
        }
        form{
            padding: 0 30px;
        }
        input[type=text],input[type=password]{
            border-radius: 0;
            height: 44px;
            line-height: 44px;
        }
        .checkbox{
            color: #999;
            a{
                color: #333;
                text-decoration: none;
            }
            .back,i{
                color: #666;
            }
        }
    }
    .code-addon{
        padding: 0;
        overflow: hidden;
        img{
            display: inline-block;
            height: 42px;
            width: 100px;
            max-width: none;
        }
    }
}
@media screen and (max-width: 500px) {
    .login-forget-box{
        .login-box, .forget-box{
            width: 100%;
            form{
                padding: 0 15px;
            }
        }
    }
}